<template>
  <context-holder />

  <div style="height: 100%; display:flex;">
    <div style="flex: 1 1 auto;align-items:stretch;">
      <router-view></router-view>
    </div>
    <div style="flex: 0 0 72px;align-items:stretch;"></div>
  </div>

  <a-float-button-group
    shape="square"
    :style="{ right: '16px', bottom: '16px' }"
  >

    <Article presentType="floatButton"></Article>

    <IndexArticle></IndexArticle>
    <a-float-button tooltip="全文检索" type="primary" @click="jump('/index')">
      <template #icon>
        <SearchOutlined />
      </template>
    </a-float-button>

    <a-float-button tooltip="问答" type="primary" @click="jump('/qa')">
      <template #icon>
        <CommentOutlined />
      </template>
    </a-float-button>
  </a-float-button-group>
</template>

<script setup>
import {
  SearchOutlined,
  PlusOutlined,
  CommentOutlined,
} from "@ant-design/icons-vue";
import { useRouter, useRoute } from "vue-router";
import Article from "@/views/Article.vue";
import IndexArticle from '@/views/IndexArticle.vue'
import { onMounted } from "vue";
import { messageApi, contextHolder } from "@/utils/MessageUtils.js";

const router = useRouter();
const route = useRoute();

function jump(url) {
  router.push(url);
}

onMounted(() => {});
</script>
<style scoped>
</style>
